
<div *ngIf="bookBasic">
    <h2><span jhiTranslate="studyng6App.bookBasic.detail.title">Book Basic</span> {{bookBasic.id}}</h2>
    <hr>
    <jhi-alert-error></jhi-alert-error>
    <dl class="row-md jh-entity-details">
        <dt><span jhiTranslate="studyng6App.bookBasic.bookName">Book Name</span></dt>
        <dd>
            <span>{{bookBasic.bookName}}</span>
        </dd>
        <dt><span jhiTranslate="studyng6App.bookBasic.author">Author</span></dt>
        <dd>
            <span>{{bookBasic.author}}</span>
        </dd>
        <dt><span jhiTranslate="studyng6App.bookBasic.translator">Translator</span></dt>
        <dd>
            <span>{{bookBasic.translator}}</span>
        </dd>
        <dt><span jhiTranslate="studyng6App.bookBasic.press">Press</span></dt>
        <dd>
            <span>{{bookBasic.press}}</span>
        </dd>
        <dt><span jhiTranslate="studyng6App.bookBasic.foreignLanguageName">Foreign Language Name</span></dt>
        <dd>
            <span>{{bookBasic.foreignLanguageName}}</span>
        </dd>
        <dt><span jhiTranslate="studyng6App.bookBasic.paginalNumber">Paginal Number</span></dt>
        <dd>
            <span>{{bookBasic.paginalNumber}}</span>
        </dd>
        <dt><span jhiTranslate="studyng6App.bookBasic.language">Language</span></dt>
        <dd>
            <span>{{bookBasic.language}}</span>
        </dd>
        <dt><span jhiTranslate="studyng6App.bookBasic.folio">Folio</span></dt>
        <dd>
            <span>{{bookBasic.folio}}</span>
        </dd>
        <dt><span jhiTranslate="studyng6App.bookBasic.isbn">Isbn</span></dt>
        <dd>
            <span>{{bookBasic.isbn}}</span>
        </dd>
        <dt><span jhiTranslate="studyng6App.bookBasic.barCode">Bar Code</span></dt>
        <dd>
            <span>{{bookBasic.barCode}}</span>
        </dd>
        <dt><span jhiTranslate="studyng6App.bookBasic.bookSize">Book Size</span></dt>
        <dd>
            <span>{{bookBasic.bookSize}}</span>
        </dd>
        <dt><span jhiTranslate="studyng6App.bookBasic.brand">Brand</span></dt>
        <dd>
            <span>{{bookBasic.brand}}</span>
        </dd>
        <dt><span jhiTranslate="studyng6App.bookBasic.asin">Asin</span></dt>
        <dd>
            <span>{{bookBasic.asin}}</span>
        </dd>
        <dt><span jhiTranslate="studyng6App.bookBasic.pubDate">Pub Date</span></dt>
        <dd>
            <span>{{bookBasic.pubDate | date:'medium'}}</span>
        </dd>
        <dt><span jhiTranslate="studyng6App.bookBasic.introduction">Introduction</span></dt>
        <dd>
            <span>{{bookBasic.introduction}}</span>
        </dd>
        <dt><span jhiTranslate="studyng6App.bookBasic.cover">Cover</span></dt>
        <dd>
            <div *ngIf="bookBasic.cover">
                <a (click)="openFile(bookBasic.coverContentType, bookBasic.cover)" jhiTranslate="entity.action.open">open</a>
                {{bookBasic.coverContentType}}, {{byteSize(bookBasic.cover)}}
            </div>
        </dd>
        <dt><span jhiTranslate="studyng6App.bookBasic.perface">Perface</span></dt>
        <dd>
            <span>{{bookBasic.perface}}</span>
        </dd>
        <dt><span jhiTranslate="studyng6App.bookBasic.epilogue">Epilogue</span></dt>
        <dd>
            <span>{{bookBasic.epilogue}}</span>
        </dd>
        <dt><span jhiTranslate="studyng6App.bookBasic.price">Price</span></dt>
        <dd>
            <span>{{bookBasic.price}}</span>
        </dd>
        <dt><span jhiTranslate="studyng6App.bookBasic.bookTypeId">Book Type Id</span></dt>
        <dd>
            <div *ngIf="bookBasic.bookTypeId">
                <a [routerLink]="['/book-type', bookBasic.bookTypeId?.id]">{{bookBasic.bookTypeId?.id}}</a>
            </div>
        </dd>
        <dt><span jhiTranslate="studyng6App.bookBasic.authodId">Authod Id</span></dt>
        <dd>
            <div *ngIf="bookBasic.authodId">
                <a [routerLink]="['/author', bookBasic.authodId?.id]">{{bookBasic.authodId?.id}}</a>
            </div>
        </dd>
    </dl>

    <button type="submit"
            (click)="previousState()"
            class="btn btn-info">
        <span class="fa fa-arrow-left"></span>&nbsp;<span jhiTranslate="entity.action.back"> Back</span>
    </button>

    <button type="button"
            [routerLink]="['/', { outlets: { popup: 'book-basic/'+ bookBasic.id + '/edit'} }]"
            replaceUrl="true"
            queryParamsHandling="merge"
            class="btn btn-primary">
        <span class="fa fa-pencil"></span>&nbsp;<span jhiTranslate="entity.action.edit"> Edit</span>
    </button>
</div>
